<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件处理-内联处理器中的方法</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>
<body>
<div id="app">
    <!--注意greet里传入的参数要有单引号-->

   <div @click="divClick">
       <button @click="btnClick">冒泡</button>
   </div>

    <div @click="divClick">
        <button @click.stop="btnClick">阻止冒泡</button>
    </div>

    <!--不要把 .passive 和 .prevent 一起使用，因为 .prevent 将会被忽略，同时浏览器可能会向你展示一个警告。-->
    <!--请记住，.passive 会告诉浏览器你不想阻止事件的默认行为。-->


</div>


<script>
    var app= new Vue({
        el:'#app',
        data:{
            name: 'Vue.js'
        },
        methods:{
            divClick:function () {
                alert("divClick-大的调用");
            },
            btnClick:function () {
                alert("btnClick-小的调用");
            },
        }
    })
</script>
</body>
</html>
